<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="scrollPic" class="carousel slide" data-scrollPic>
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#scrollPic" data-slide-to="0" class="active"></li>
        <li data-target="#scrollPic" data-slide-to="1"></li>
        <li data-target="#scrollPic" data-slide-to="2"></li>
    </ol>

    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner" >
        <div class="item active">
            <a href="#"><img class="img-scroll" src="HeimaRiches/images/slide_01_2000x410.jpg" alt="First slide"></a>
        </div>

        <div class="item ">
            <a href="#"><img class="img-scroll" src="HeimaRiches/images/slide_02_2000x410.jpg" alt="First slide"></a>
        </div>
        <div class="item ">
            <a href="#"><img class="img-scroll" src="HeimaRiches/images/slide_03_2000x410.jpg" alt="First slide"></a>
        </div>
        <div class="item ">
            <a href="#"><img class="img-scroll" src="HeimaRiches/images/slide_04_2000x410.jpg" alt="First slide"></a>
        </div>

    </div>
    <!-- 轮播（Carousel）导航 -->
    <a class="left carousel-control" href="#scrollPic" role="button" data-slide="prev">
        <span class="iconfont chevron-left" aria-hidden="true">&#xe601;</span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#scrollPic" role="button" data-slide="next">
        <span class="iconfont chevron-right" aria-hidden="true">&#xe627;</span>
        <span class="sr-only">Next</span>
    </a>
</div>

</body>
</html>